<!DOCTYPE html>
<html>
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1" charset="utf-8">
    <link rel="shortcut icon" rel="external nofollow" href="https://static.xiaosige.com/img/favicon.png">
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
    <!-- 格式按钮炫炫酷效果 -->
    <link rel="stylesheet" type="text/css" href="/css/hover.css" />
    <! -- A querystring parser that supports nesting and arrays, with a depth limit -->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/qs/6.11.1/qs.min.js" ></script>
    <style>
        .avatarimg {
            width: 40px;
            height: 40px;
            /*margin-top: 100px;*/
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            border-radius: 50%;
           /* border: 3px solid rgba(255,255,255,0.8);*/
            transition: 0.3s;
            cursor: pointer;
        }

        .avatarimg:hover {
            border: 3px solid rgba(90,96,200,0.8);
        }

        .gitee-external-link-wrapper .logo-img {
            margin-bottom: 1.6rem;
        }
        .gitee-external-link-wrapper {
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            position: absolute;
            top: 22.1698%;
            left: 50%;
            -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
            font-size: 16px;
        }
        .gitee-external-link-wrapper .content-box {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            padding: 2.4rem;
            border-radius: 0.4rem;
            border: 0.1rem solid #dce3e8;
            background: white;
            box-shadow: -5px -5px 10px rgba(0,0,0,.3);
        }
        .gitee-external-link-wrapper .content-box .content-title {
            font-size: 22px;
            font-weight: 500;
            color: #40485b;
            line-height: 2.8rem;
            margin-bottom: 1.2rem;
        }
        .gitee-external-link-wrapper .content-box .content-text {
            margin-bottom: 4px;
        }
        .gitee-external-link-wrapper .content-box .content-link {
            line-height: 2.1rem;
        }
        .gitee-external-link-wrapper .content-box .external-link-btn {
            font-weight: 500;
            margin-right: 0;
            -ms-flex-item-align: end;
            align-self: flex-end;
            font-size: 1.4rem;
            color: #ffffff;
        }
        .ui.orange.button {
            color: #fff;
            background: #fe7300;
            -webkit-box-shadow: 0px 0em 0px 0px rgba(39,41,43,0.15) inset;
            box-shadow: 0px 0em 0px 0px rgba(39,41,43,0.15) inset;
        }

    </style>
    <!--背景渐变效果样式代码开始（可忽略）-->
    <style type="text/css">
        html,body{width:100%;height:100%;margin:0;padding:0;}
        body{
            background: -webkit-linear-gradient(left,rgba(89,114,192,0.8),rgba(89,114,192,0.2));
            background: -o-linear-gradient(right,rgba(89,114,192,0.8),rgba(89,114,192,0.2));
            background: -moz-linear-gradient(right,rgba(89,114,192,0.8),rgba(89,114,192,0.2));
            background: linear-gradient(to right, rgba(89,114,192,0.8), rgba(89,114,192,0.2));
            background-size: 400% 400%;
            animation: gradientBG 5s ease infinite;}
        @keyframes gradientBG {
            0% {
                background-position: 0% 50%;
            }
            50% {
                background-position: 100% 50%;
            }
            100% {
                background-position: 0% 50%;
            }
        }
    </style>
    <!--背景渐变效果样式代码结束（可忽略）-->

    <!--定义底部承载游动小鱼特效的div样式开始-->
    <style type="text/css">
        .container{
            margin:0;
            padding:0;
            background-color:transparent;
            width:100%;
            height:200px;
            z-index:-1;
            position:fixed;
            bottom:0;
            left:0;}
    </style>
    <!--定义底部承载游动小鱼特效的div样式结束-->
</head>
<body style="background-color: #F6F6F7;">

    <div class="gitee-external-link-wrapper">
        <img class="logo-img avatarimg" src="https://static.xiaosige.com/img/favicon.png" alt="Logo black">
        <div class="content-box">
            <div class="content-title">即将跳转到外部网站</div>
            <div class="content-text">您将要访问的链接不属于 Xiaosige.com ，请关注您的账号安全。</div>
            <div class="content-link">
                <div class="external-link-href" style="color:#0F6BFF !important;background-color: #f3f3f3;margin: 0.5rem auto;padding: 0.18rem;"></div>
            </div>
            <div style="text-align: right;margin-bottom: 6px;margin-top: 6px;">
                <a class="hvr-bounce-to-right" style="text-decoration: none;color: #fc6423;padding: 4px;border-style: double;border-color: #ff7600;">
                    <i class="fab fa-dev fa-fw"></i>继续前进</a>
            </div>
        </div>
    </div>
    <!--承载游动小鱼特效的div容器-->
    <div id="jsi-flying-fish-container" class="container"></div>

    <!--核心特效定义js-->
    <script src='/zone/js/fish.js'></script>

    <script>
        //$(document).ready(function(){
        $(function(){

            function getQueryVariable(variable)
            {
                var query = window.location.search.substring(1);
                var vars = query.split("&");
                for (var i=0;i<vars.length;i++) {
                    var pair = vars[i].split("=");
                    if(pair[0] == variable){return pair[1];}
                }
                return(false);
            }

            let newURL = decodeURIComponent(getQueryVariable("target"));

            $(".external-link-href").text(newURL);
            $(".hvr-bounce-to-right").attr('href',newURL);


        });
    </script>
</body>
</html>